@charset "utf-8";
/* CSS Document */
::selection {color:#fff;background-color: #4687f2;}
::-moz-selection {color:#fff;background-color: #4687f2;}
::-webkit-selection {color:#fff;background-color: #4687f2;}
::-webkit-scrollbar {width: 8px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}

@font-face{
    font-family: "HarmonyOSMedium";
    src: url('HarmonyOSMedium.woff');
}

*{ margin:0; padding:0; outline:none; box-sizing: border-box;min-width: 0;  }
body{ font-size:100%;line-height:1.1; width:100%; position:relative;font-family:"HarmonyOSMedium"; font-weight: 400; background: #fff; }
body {opacity: 0;-webkit-transition: opacity 0.2s ease-in-out 0.2s;-moz-transition: opacity 0.2s ease-in-out 0.2s;-ms-transition: opacity 0.2s ease-in-out 0.2s;-o-transition: opacity 0.2s ease-in-out 0.2s;
	transition: opacity 0.2s ease-in-out 0.2s;}
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m{ max-width: 1620px; padding: 0 100px; height:100%; margin: 0 auto; position:relative;}
.pad_top{ padding-top:4.6875rem;}
.pad_bot{ padding-bottom:4.6875rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
li,ul {list-style-type: none;}
a{text-decoration: none;  }
a:link,a:hover,a:active,a:visited {text-decoration: none;}
h1,h2,h3,h4,h5,h6,dl,dd,dt,i,em {font-weight: normal;font-style: normal;}
ul, li {list-style: none;margin: 0;padding: 0;}
.img{ overflow:hidden;}
.clear{ clear:both;}

/*===========================header=============================*/
.headerbox {position: fixed;top: 0;z-index: 998;z-index: 999;height: 6.75rem;width: 100%;}
#header {width: 100%;transition: .6s;}
#header > .m {display: flex;height: 100%;max-width: 1760px;justify-content: space-between;align-items: center;position: static;}
#header .fr {display: flex;justify-content: space-between;width: calc(50% + 2rem);}
#header .line01 {position: absolute;left: 0;bottom: 0;width: 0;height: 1px;background: rgb(255 255 255 / 20%);z-index: -1;animation: longer 4s 1.5s linear forwards;}
 @-webkit-keyframes longer {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes longer {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
#logo {flex-shrink: 0;width: 29rem;height: 4.875rem;}
#logo a {display: flex;height: 100%;align-items: center;}
#logo img {height: 78px;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
#logo .img01 {display: none;}
#logo .img02 {display: block;}
#nav {flex-grow: 1;}
#nav ul {display: flex;flex-grow: 1;}
#nav ul li {float: left;position: relative;z-index: 0;flex-grow: 1;text-align: center;}
#nav ul li a {display: block;text-transform: uppercase;font-size: 0;}
#nav ul li h3 {font-size: 1.2rem;color: #fff;transition: .5s;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;line-height: 6.75rem;overflow: hidden;text-align: center;position: relative;
  z-index: 1;display: inline-block;}
#nav ul li h3:before {content: "";width: 100%;height: 3px;position: absolute;bottom: 0;left: 0;background: #fff;transition: 0.3s ease-in-out;transform: scaleX(0);transform-origin: center;}
#nav ul li.on h3:before, #nav ul li:hover h3:before {transform: scaleX(1);}
#nav li .sub {position: absolute;position: absolute;padding-top: .5rem;left: 50%;top: 100%;z-index: 999;transform-origin: 0 0 0;transform: translateY(10px) translateX(-50%);-webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 0;visibility: hidden;}
#nav li .sub .box {padding: 0;text-align: left;background: rgba(255, 255, 255, 0.9);padding: 1rem 1.5rem;border-radius: 5px;-webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 3px 5px #3333334d;}
#nav li .sub a {padding: 0;line-height: 2rem;transition: .3s;font-size: .875rem;color: #505050;text-align: center;white-space: nowrap;position: relative;}
#nav li .sub a:hover {color: #003a8e;}
#nav li:hover .sub {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;visibility: visible;transform: translateY(0px) translateX(-50%);}

#header.xg {background: rgba(255, 255, 255, 1);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
#header.xg #nav ul li h3 {color: #333;}
#header.xg #nav ul li h3:before {background: #003a8e;}
#header.xg #logo .img01 {display: block;}
#header.xg #logo .img02 {display: none;}




/*banner*/
.banner{ width: 100%; position: relative; height:100%; margin-bottom:-3px;}
.banner video {min-width: 100%;min-height: 100%;}
.ma_video{ width:100%;}

/*s_about*/ 
.s_about{background: #fff;overflow: hidden;position: relative;}
.s_about_bg{width: 100%;height: 800px;position: relative;}
.s_about_bg::before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.03);z-index: 2;}
.s_about_bg1{width: 100%;position: absolute;height: calc(100% + 2px);top: -1px;right: -1px;transition: all 1.56s;z-index: 6;}
.s_about_bg1 img{width: 100%;height: 100%;position: absolute;top: 50%;right: -50%;transform: translate(-50%, -50%);object-fit: cover;width: 100%;min-width: 100%;min-height: 100%;}
.s_about .con{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.s_about .txt{width: 52%; margin-left:48%;}
.s_about .con {padding-top: 160px;}
.s_about .con .tit {margin-bottom: 20px;}
.s_about .con .tit h2{transition: all 0.36s;}
.s_about .con .txt1 {margin-bottom: 36px;}
.s_about .con .txt1 p{transition: all 0.36s; line-height:30px;}
.s_about .con .shu ul{ display: flex; justify-content: space-between;}
.s_about .con .shu ul li>div{ display: flex;}
.s_about .con .shu ul li b{ font-size: 3rem; color: #0372d6;font-family: BAHNSCHRIFT; }
.s_about .con .shu ul li>div div{ display: flex; flex-direction: column; justify-content: space-between; margin-left: .5rem; align-items: center;}
.s_about .con .shu ul li>div div span{ margin-bottom: .75rem;}
.s_about .con .shu ul li span{}
.s_about .con .shu ul li i{color: #23b872; font-weight: bold;}
.s_about .con .shu ul li p{ font-size: 1rem; color: #110702;}
.s_about .con .more {width: 180px;height: 46px;background: #0056a3;position: relative; margin-top:50px;}
.s_about .con .more a {display: block;width: 100%;height: 100%;padding: 0 22px;}
.s_about .con .more .more01 {color: #fff;font-size: 14px;line-height: 46px;}
.s_about .con .more .more02 {position:absolute;top:50%;right:20px;border-left:6px solid #fff;border-right:6px solid transparent;border-top:6px solid transparent;border-bottom:6px solid transparent;
transform:translateY(-50%);}
.s_about .con .more:hover {background: #3595f7 !important;}
.s_about:hover .s_about_bg1{right: -100%;}
.s_about:hover .tit h2{color:#fff;}
.s_about:hover .txt1 p{color:#fff;}
.s_about:hover .shu ul li b{color:#fff;}
.s_about:hover .shu ul li p{color:#fff;}
.s_about:hover .shu ul li span{color:#fff;}

/*s_history*/ 
.s_history {padding: 120px 0;background-image: url(s_history_bg.jpg);background-position: center;background-size: cover;background-attachment: fixed;}
.s_history .tt{ padding-bottom:90px; text-align:center;}
.s_history .tt h3{ font-size: 1.875rem; color: #000;}
.s_history .tt p{ font-size: 1.275rem; color: #666; line-height:35px;}
.s_history .history {width:100%;overflow:hidden;height:400px;position:relative; margin-bottom:60px;}
.s_history .history .swiper-container {padding:0 10px;}
.s_history .history:before {content:'';position:absolute;width:100%;left:0;height:1px;background:#0056a3;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.s_history .history .img{width:90%;position:relative; margin-top:50px; position:absolute; top:165px; left:10px;}
.s_history .history .img img{height:180px;}
.s_history .history .grid {width:90%;height:200px; padding-left:10px;position:relative;}
.s_history .history .grid .grid-info p{position:relative;line-height:1.8;font-size:18px;font-weight:500; color:#000}
.s_history .history .grid .date {font-size:30px; color:#0487fc;}
.s_history .history .grid .date span{font-size:18px; padding-left:10px; color:#0487fc;}
.s_history .history .swiper-slide {display:flex;flex-direction:column;height:400px;box-sizing: border-box;}
.s_history .history .swiper-slide:nth-child(2n) .grid,
.s_history .history .swiper-slide:nth-child(2n) {flex-direction:column-reverse;}
.s_history .history .grid .grid-info .info-content {line-height:1.7;position:relative;}
.s_history .history .swiper-slide:nth-child(2n) .date {padding-bottom:20px;}
.s_history .history .swiper-slide:nth-child(2n) .img { top:-50px;}
.s_history .history .swiper-slide:nth-child(2n) .grid {padding-top:40px;}
.s_history .history .swiper-slide:nth-child(2n+1) .date {padding-bottom:20px;}
.s_history .history .grid:after {content:'';display:block;position:absolute;left:0;width:10px;height:10px;border:3px solid #0056a3;border-radius:50%;}
.s_history .history .grid:before {content:'';display:block;position:absolute;left:0;width:10px;height:10px;background-color:#85CCBE;border-radius:50%;}
.s_history .history .swiper-slide:nth-child(2n) .grid:after,
.s_history .history .swiper-slide:nth-child(2n) .grid:before {top:0;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.s_history .history .swiper-slide:nth-child(2n+1) .grid:after,
.s_history .history .swiper-slide:nth-child(2n+1) .grid:before {bottom:0;-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);transform:translate(-50%,50%);}
@media(max-width:1680px){
.s_history .history .grid .grid-pic {padding:20px 0;max-width:238px;}
}

/* 合作品牌 */
.s_pinpai{background: url(bg.jpg) no-repeat;background-size: cover;font-size: .16rem;color: #ffffff;position: relative;width: 100%;height: 100%;}
.s_pinpai .tt{ padding-bottom:60px; text-align:center;}
.s_pinpai .tt h3{ font-size: 1.875rem; color: #333;}
.s_pinpai .tt p{ font-size: 1.275rem; color: #777; line-height:35px;}
.s_pinpai .con{width: 1300px; height:600px; margin:0 auto; background: url(map.png) no-repeat;background-size: cover;}
.s_pinpai .map{width: 1300px; height:600px; margin:0 auto;} 



#foot{ padding: 5rem 0 3rem; background:url(footer_bg.png) right center no-repeat #15569d;} 
#foot .footer{ width:100%; padding:0 10%;}
#foot .f_nav{ display: flex; justify-content: space-between; align-items: flex-start; width:70%;}
#foot .f_nav dl{ margin-right:4rem; margin-bottom:3.75rem}
#foot .f_nav dt{ font-size:1.125rem; color:#fff; margin-bottom:1.25rem}
#foot .f_nav dt a{ color:#fff}
#foot .f_nav dd{ font-size:0.9375rem; clor:#a7b7d2; line-height:1.875rem;}
#foot .f_nav dd a{ color:#a7b7d2}
#foot .foot_bot{ display: flex; align-items: flex-start; padding-top:4rem;}
#foot .foot_bot .copyright{padding: 1.5rem 0 0;margin-right: 5rem;font-size:  13px;color: #cdd6e5;}

#foot .s_foot_link{height: 45px;cursor:pointer;overflow:visible;position: relative;text-align:left;}
#foot .s_foot_link .tanchu{float:left;width: 100%;box-sizing:border-box;position:absolute;bottom: 44px;border-bottom:0;display: none;left: 0;}
#foot .s_foot_link .tanchu:before{content:"";display:block;border:10px solid transparent;width:0px;height:0px;position:absolute;bottom: -19px;left:50%;margin-left:-10px;}
#foot .s_foot_link .tanchu>div{background: #15569d;display:block;padding: 10px 1.25rem;border: #6289b3 1px solid;}
#foot .s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
#foot .s_foot_link .tanchu a {color: #cdd6e5;line-height: 27px;display:block;font-size: 14px;}
#foot .s_foot_link .tanchu a:hover{color: #ff0;}
#foot .s_foot_link #bnt_link1.a {padding-left: 1.25rem;font-size:  13px;color: #cdd6e5;text-align:left;line-height: 43px;width: 235px;box-sizing:border-box;text-decoration:none;border: #6289b3 1px solid;float: left;}
#foot .s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height: 43px;width:37px;text-align:center;height:100%;}


.n_banner{ height:93vh; background-size: cover !important; }
.n_banner .m{ height: 100%; display: flex; justify-content: center;align-items: center;}
.n_banner .txt{text-align:center;}
.n_banner .txt h3{ font-size: 36px; color: #fff; margin-bottom:30px; }
.n_banner .txt p{ font-size:50px; font-weight:bold; color: #fff; letter-spacing:25px; padding-top:40px; }
.n_banner .txt1{ text-align: center;}
.n_banner .txt1 h3{ font-size: 36px; color: #fff; margin-bottom:30px; }
.n_banner .txt1 p{ font-size:40px; color: #fff; letter-spacing:5px; padding-top:40px; }

.n_tit h3{font-size: 32px;color: #222222;font-weight: bold;}
.n_tit .n_line{width: 100%;height: 1px;background-color: #DDDDDD;position: relative;margin: 30px 0;}
.n_tit .n_line:before{content: '';display: block;width: 30px;height: 2px;position: absolute;left: 0;top: 0;background-color: #ea5412;}

/* about01 */
.n_about{width: 100%;box-sizing: border-box;position: relative;}
 
.n_about .about01{width: 100%;position: relative; padding:90px 0;}
.n_about .about01 .ab1_top{color: #000000;margin-bottom: 25px; font-size:42px; font-weight:bold;}
.n_about .about01 .ab1_con{display: flex;justify-content: space-between;}
.n_about .about01 .ab1_con .con_le{width: 45.94%;}
.n_about .about01 .ab1_con .con_re{width: 50%;}
.n_about .about01 .ab1_con .con_re img{width: 100%;}
.n_about .about01 .ab1_con .con_le .n_tit1{line-height: 30px; font-size:24px;}
.n_about .about01 .ab1_con .con_le .n_line{margin: 15px 0;height: 50px;padding-right: 30px;position: relative;}
.n_about .about01 .ab1_con .con_le .n_line s{display: block;width: 78%;position: absolute;height: 1px;background: #e5e5e5;left: -23%;top: 50%;}
.n_about .about01 .ab1_con .con_le .txt{color: #555555;line-height: 30px;overflow-y: auto;padding-right: 15px;text-align: justify;}
.n_about .about01 .ab1_bot {margin-top: 70px; border-top:1px solid #ccc; border-bottom:1px solid #ccc;padding:60px 0;}
.n_about .about01 .ab1_bot ul{display: flex;justify-content: space-between;}
.n_about .about01 .ab1_bot ul .li1{display: flex;align-items: flex-start;}
.n_about .about01 .ab1_bot ul .li1 .sp1{color: #014099;line-height: 50px;margin-right: 3px; font-size:36px;}
.n_about .about01 .ab1_bot ul .li2{line-height: 20px;margin-top: 15px;}
@media (max-width: 1400px)
{
.n_about .about01 .ab1_con .con_re img{width: 100%; margin-top:20%;}
}

.about02 {position: relative;padding: 30px 0 90px;}
.about02 .about02_bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.about02 .about02_bg img {width: 100%;height: 100%;object-fit: cover;}
.about02 .n_top {text-align: center; z-index:2;}
.about02 .n_top .n_title { font-size:36px;font-weight: bold;}
.about02 .n_top .n_p {color: #666666;margin-top: 15px;}
.about02 .con {position: relative;z-index: 2;}
.about02 .con ul {display: flex;justify-content: flex-start;flex-wrap: wrap;margin:60px 0;padding: 0;}
.about02 .con ul li {width: 33.33%;padding: 0 30px 0;display: flex;height:400px;}
.about02 .con ul li:nth-of-type(2) .x-a {display: flex;justify-content: center;flex-direction: column;align-items: center;}
.about02 .con ul li .x-a {width: 100%;padding: 0 60px;position: relative;}
.about02 .con ul li .x-a .x-bj-y {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.about02 .con ul li .x-a .x-bj-y img {width: 100%;height: 100%;object-fit: contain;}
.about02 .con ul li .x-a .x-img {width:80px;height:70px;margin: 0 auto;position: relative;z-index: 2;margin-top:80px;}
.about02 .con ul li .x-a .x-img img {width: 100%;height: 100%;object-fit: contain;}
.about02 .con ul li .x-a .x-img2 {position: relative;z-index: 2;width:340px;height:340px;border-radius: 100%;}
.about02 .con ul li .x-a .x-img2 img {width: 100%;height: 100%;object-fit: cover;}
.about02 .con ul li .x-a .x-text {text-align: center;position: relative;z-index: 2;margin-top:35px;}
.about02 .con ul li .x-a .x-text .x-title { font-size:30px;font-weight: bold;}
.about02 .con ul li .x-a .x-text .x-p {color: #666666;margin-top:18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height:450px;}


.n_about .about03 { margin-top:90px;}
.n_about .about03 .con ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;}
.n_about .about03 .con {padding-bottom: 2rem;}
.n_about .about03 .con li .img, .n_about .about03 .con li a {position: relative;}
.n_about .about03 .con li .img::before {content: "";position: absolute;width: 100%;height: 100%;background: rgb(0 9 23 / .5);opacity: 1;z-index: 1;}
.n_about .about03 .con li:hover .img::before {opacity: 0;}
.n_about .about03 .con li .adv_con {position: inherit;left: 1.875rem;bottom: 25%;z-index: 2;width: 8rem;}
.n_about .about03 .con li .adv_con p {color: #ffffff;font-size: 1.375rem;line-height: 2.25rem;margin-top: .5rem;}
.n_about .about03 .con li .img img{ width:100%; height:100%; display: block; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; object-fit: cover; display: block; }
.n_about .about03 .con li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg);
 -o-transform: scale(1.05) rotate(.1deg); }


.about04 {overflow: hidden; padding:90px 0;}
.about04 .about03_tit{ font-size:36px;}
.about04 .m {position: relative;display: flex;justify-content: space-between;}
.about04 .c-left {width: 35%;}
.about04 .c-left .c-wrap {display: flex;align-items: center;color: #148FFA;height:470px; overflow:hidden;}
.about04 .c-left .c-wrap .c-year {font-weight: bold;flex-shrink: 0; font-size:150px}
.about04 .c-left .c-wrap .about04-banner1 {margin: 0;width: 100%;height:150px;font-weight: bold;overflow: visible;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-slide {display: flex;align-items: center;transition: all 0.3s; font-size:150px;color: #f3f8fc;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-slide-active {color: #148FFA;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next.swiper-button-disabled,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev.swiper-button-disabled {opacity: 1;display: block;pointer-events: auto;cursor: pointer;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next {width: 60px;height: 60px;border-radius: 50%;margin-top: 0;background: transparent;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-jt,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-jt {position: absolute;top: 0;left: 50%;width: 14px;height: 100%;transform: translateX(-50%);}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-jt path,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-jt path {fill: #666;transition: all 0.3s;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-yh,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-yh {display: block;width: 100%;height: 100%;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-yh .circle1,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-yh .circle1 {fill: transparent;stroke-width: 2;stroke: #ebf0f5;transition: all 0.3s;fill: #fff;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-yh .circle2,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-yh .circle2 {
	opacity: 0;fill: transparent;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 162 162;stroke-dashoffset: 162;stroke: #148FFA;transition: stroke-dashoffset 0s linear, opacity 0s linear;
}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev.on .c-yh .circle2,
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next.on .c-yh .circle2 {
	opacity: 1;stroke-dashoffset: 0;-webkit-transition: stroke-dashoffset 5s linear, opacity 0s linear;transition: stroke-dashoffset 5s linear, opacity 0s linear;
}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev:hover .c-jt path,.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next:hover .c-jt path {fill: #fff;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev:hover .circle1,.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next:hover .circle1 {stroke: #148FFA;fill: #148FFA;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev {left: auto;right: 0;top: auto;bottom: 50%;}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-prev .c-jt {transform: translateX(-50%) rotate(-90deg);}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next {top: 50%;right: 0;transform: rotate(90deg);}
.about04 .c-left .c-wrap .about04-banner1 .swiper-button-next .c-jt path {fill: #148FFA;}

.about04 .c-right {width: 57%;}
.about04 .c-right .about04-banner2 .txt { width:100%;display: flex;align-items: center;height:470px; position:relative;}
.about04 .c-right .about04-banner2 .txt .c-title {line-height: 30px; font-size:18px;}



 

.common_tit {text-align: center;}
.common_tit h4 {font-size: 40px;font-weight: bold;letter-spacing: 2px;color: #333333;}
.common_tit h4 span {font-size: 52px;letter-spacing: 1px;color: #00cdff;}
.common_tit h6 {margin-top: 16px;font-size: 20px;line-height: 32px;color: #666666;font-weight: 100; text-transform:uppercase;}

.md {position: relative;top: -180px;}

.research1 { padding:90px 0 90px; width:100%; position:relative;}
.research1 .container {display: flex;align-items: center;justify-content: center;margin-top: 80px;}
.research1 .left {width: calc(100% - 500px);}
.research1 .left h4 {font-size: 30px;font-weight: bold;line-height: 30px;color: #333333;}
.research1 .left ul {display: flex;align-items: center;margin-top: 100px;}
.research1 .left ul li {margin-right: 5%;}
.research1 .left ul li h6 {font-size: 16px;font-weight: 100;line-height: 30px;color: #666666;}
.research1 .left ul li h6 span {font-size: 80px;font-weight: bold;}
.research1 .left h5 {font-size: 16px;font-weight: 100;line-height: 30px;color: #666666;margin-top: 80px;max-width: 780px;width: 90%;}
.research1 .left h5 span {font-size: 30px;font-weight: bold;line-height: 30px;color: #00cdff;}
.research1 .right {width: 500px;position: relative;}
.research1 .right img {width: 84.2%;margin-left: 9.4%;}
.research1 .right .text1 {position: absolute;left: 53%;top: 53%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.research1 .right .text1 h6 {font-size: 20px;font-weight: 100;line-height: 30px;color: #666666;text-align: center;}
.research1 .right .text1 h6 span {font-size: 80px;font-weight: bold;color: #333;}
.research1 .right .text2 {background: #044eb5;position: absolute;left: 14%;top: 58%;display: flex;align-items: center;justify-content: center;flex-direction: column;width: 130px;height: 130px;border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.research1 .right .text2 h6 {font-size: 14px;font-weight: 100;line-height: 22px;color: #ffffff;text-align: center;}
.research1 .right .text2 h6 span {font-size: 50px;font-weight: bold;}
.research1 .right .text3 {width: 150px;height: 150px;left: 85%;top: 82%;}
.research1 .right .text4 {background: #00cdff;width: 140px;height: 140px;left: 80%;top: 18%;}

.research2 .container {display: flex;align-items: center;justify-content: center;padding: 40px 0;}
.research2 .container .item {width: 25%;padding: 0 5% 0 2.5%;color: #ffffff;overflow: hidden;border-right: 1px solid rgba(253, 253, 253, 0.4);}
.research2 .container .item:last-child {border-right: 0;}
.research2 .container .item h4 {font-size: 30px;font-weight: bold;line-height: 42px;}
.research2 .container .item h5 {font-family: Arial;font-size: 16px;line-height: 30px;margin-top: 10px;color: rgba(255, 255, 255, 0.2);}
.research2 .container .item h6 {font-size: 16px;font-weight: 100;line-height: 30px;height: 260px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow: ellipsis;
	color: #ffffff;margin-top: 10px;opacity: 0;}
.research2 .container .item > * {position: relative;top: 260px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research2 .container .item:hover > * {top: 60px;opacity: 1;}

.research3 {padding: 100px 0 80px;margin: 100px auto;background: #f7f8fa;}
.research3 { margin:0;}
.research3 .content {display: flex;justify-content: center;margin-top: 50px;}
.research3 h4 {max-width: 1000px;font-size: 16px;font-weight: 100;line-height: 30px;color: #666666;margin: 0 auto;text-align: center;}
.research3 .content .left {width: 464px;}
.research3 .content .right {width: calc(100% - 464px);}
.research3 .content .right {display: flex;flex-direction: column;align-items: flex-start;}
.research3 .content .right li {display: flex;align-items: center;font-size: 20px;line-height: 24px;height: 60px;color: #666666;margin-top: 18px;padding-left: 90px;padding-right: 160px;min-width: 690px;position: relative;
	background: url(research3_bg1.png) left top no-repeat, url(research3_bg3.png) right top no-repeat;}
.research3 .content .right li::before {content: '';background: #fff;height: 60px;position: absolute;left: 174px;right: 516px;}
.research3 .content .right li:nth-child(1) {margin-top: 0;margin-left: -240px;}
.research3 .content .right li:nth-child(2) {margin-left: -195px;}
.research3 .content .right li:nth-child(3) {margin-left: -150px;}
.research3 .content .right li:nth-child(4) {margin-left: -105px;}
.research3 .content .right li:nth-child(5) {margin-left: -60px;}
.research3 .content .right li span {font-size: 24px;font-weight: bold;position: relative;word-break: keep-all;}
.research3 .content .right li img {margin: 0 30px;position: relative;}
.research3 .content .right li em {font-style: normal;position: relative;}

 
.research4 {padding: 100px 0;background: #f7f8fa;}
.research4 h5 {text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;color: #333333;margin: 50px auto;}
.research4 .content {display: flex;flex-wrap: wrap; margin-top:60px;}
.research4 .content a {margin-right: 39px;margin-top: 40px;width: calc(33.33% - 26px);background: #f7f8fa;overflow: hidden;border-radius: 8px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research4 .content a .img_wrap {overflow: hidden;}
.research4 .content a .img {width: 100%;padding-top: 67%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research4 .content a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.research4 .content a .text {text-align: center;padding: 0px 28px;font-size: 20px;font-weight: bold;line-height: 70px;color: #333333;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background: #fff;}
.research4 .content a:hover .text {color: #044eb5;}
.research4 .swiper .prev,
.research4 .swiper .next {position: absolute;left: 0;top: 120px;bottom: 0;height: 50px;width: 50px;margin: auto;outline: none;}
.research4 .swiper .prev img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.research4 .swiper .next {left: auto;right: 0;}
.research4 .swiper-pagination  {text-align: center;position: relative;margin-top: 120px;}
.research4 .swiper-pagination-bullet {width: 60px;height: 3px; border-radius:0;}
.research4 .swiper-pagination-bullet-active {background: #044eb5;}
.research4 .img_h {position: relative;cursor: pointer;}
.research4 .img_h img {display: block;opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research4 .img_h img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.research4 .img_h..research4 img_ha:hover img {opacity: 1;}
.research4 .img_h..research4 img_ha:hover img:nth-child(2) {opacity: 0;}
.research4 .a:hover .img_h.img_ha img,.research4 a:hover .img_h.img_ha img,.research4 .img_h:hover img {opacity: 0;}
.research4 .a:hover .img_h.img_ha img:nth-child(2),.research4 a:hover .img_h.img_ha img:nth-child(2),.research4 .img_h:hover img:nth-child(2) {opacity: 1;}



.research5 {padding: 100px 0;background: #f7f8fa;}
.research5 h5 {text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;color: #333333;margin: 50px auto;}
.research5 .content {display: flex;flex-wrap: wrap; margin-top:60px;}
.research5 .content a {margin-right: 39px;margin-top: 40px;width: calc(33.33% - 26px);background: #f7f8fa;overflow: hidden;border-radius: 8px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research5 .content a .img_wrap {overflow: hidden;}
.research5 .content a .img {width: 100%;padding-top: 67%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research5 .content a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.research5 .content a .text {text-align: center;padding: 0px 28px;font-size: 20px;font-weight: bold;line-height: 70px;color: #333333;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background: #fff;}
.research5 .content a:hover .text {color: #044eb5;}
.research5 .swiper .prev,
.research5 .swiper .next {position: absolute;left: 0;top: 0;bottom: 0;height: 50px;width: 50px;margin: auto;outline: none;}
.research5 .swiper .prev img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.research5 .swiper .next {left: auto;right: 0;}
.research5 .swiper-pagination  {text-align: center;position: relative;margin-top: 60px;}
.research5 .swiper-pagination-bullet {width: 60px;height: 3px; border-radius:0;}
.research5 .swiper-pagination-bullet-active {background: #044eb5;}
.research5 .img_h {position: relative;cursor: pointer;}
.research5 .img_h img {display: block;opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research5 .img_h img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.research5 .img_h..research5 img_ha:hover img {opacity: 1;}
.research5 .img_h..research5 img_ha:hover img:nth-child(2) {opacity: 0;}
.research5 .a:hover .img_h.img_ha img,.research5 a:hover .img_h.img_ha img,.research5 .img_h:hover img {opacity: 0;}
.research5 .a:hover .img_h.img_ha img:nth-child(2),.research5 a:hover .img_h.img_ha img:nth-child(2),.research5 .img_h:hover img:nth-child(2) {opacity: 1;}


.research6 {padding: 100px 0;background: #f7f8fa;}
.research6 h5 {text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;color: #333333;margin: 50px auto;}
.research6 .content {display: flex;flex-wrap: wrap;}
.research6 .content a {margin-right: 39px;margin-top: 40px;width: calc(24% - 26px);background: #f7f8fa;overflow: hidden;border-radius: 8px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research6 .content a:hover {background: #044eb5;}
.research6 .content a:nth-child(-n + 4) {margin-top: 0;}
.research6 .content a:nth-child(4n) {margin-right: 0;}
.research6 .content a .img_wrap {overflow: hidden;}
.research6 .content a .img {width: 100%;padding-top: 120%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research6 .content a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.research6 .content a .text {text-align: center;padding: 0px 28px;font-size: 20px;font-weight: bold;line-height: 70px;color: #333333;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research6 .content a:hover .text {color: #fff;}

.research7 {padding: 100px 0;background: #f7f8fa;}
.research7 h5 {text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;color: #333333;margin: 50px auto;}
.research7 .content {display: flex;flex-wrap: wrap; margin-top:60px;}
.research7 .content a {margin-right: 39px;margin-top: 40px;width: calc(33.33% - 26px);background: #f7f8fa;overflow: hidden;border-radius: 8px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research7 .content a .img_wrap {overflow: hidden;}
.research7 .content a .img {width: 100%;padding-top: 67%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research7 .content a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.research7 .content a .text {text-align: center;padding: 0px 28px;font-size: 20px;font-weight: bold;line-height: 70px;color: #333333;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background: #fff;}
.research7 .content a:hover .text {color: #044eb5;}
.research7 .swiper .prev,
.research7 .swiper .next {position: absolute;left: 0;top: 0;bottom: 0;height: 50px;width: 50px;margin: auto;outline: none;}
.research7 .swiper .prev img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.research7 .swiper .next {left: auto;right: 0;}
.research7 .swiper-pagination  {text-align: center;position: relative;margin-top: 60px;}
.research7 .swiper-pagination-bullet {width: 60px;height: 3px; border-radius:0;}
.research7 .swiper-pagination-bullet-active {background: #044eb5;}
.research7 .img_h {position: relative;cursor: pointer;}
.research7 .img_h img {display: block;opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research7 .img_h img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.research7 .img_h..research7 img_ha:hover img {opacity: 1;}
.research7 .img_h..research7 img_ha:hover img:nth-child(2) {opacity: 0;}
.research7 .a:hover .img_h.img_ha img,.research7 a:hover .img_h.img_ha img,.research7 .img_h:hover img {opacity: 0;}
.research7 .a:hover .img_h.img_ha img:nth-child(2),.research7 a:hover .img_h.img_ha img:nth-child(2),.research7 .img_h:hover img:nth-child(2) {opacity: 1;}

.research8 {padding: 100px 0;background: #f7f8fa;}
.research8 h5 {text-align: center;font-size: 24px;font-weight: bold;line-height: 30px;color: #333333;margin: 50px auto;}
.research8 .content {display: flex;flex-wrap: wrap; margin-top:60px;}
.research8 .content a {margin-right: 39px;margin-top: 40px;width: calc(33.33% - 26px);background: #f7f8fa;overflow: hidden;border-radius: 8px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research8 .content a .img_wrap {overflow: hidden;}
.research8 .content a .img {width: 100%;padding-top: 110%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research8 .content a:hover .img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.research8 .content a .text {text-align: center;padding: 0px 28px;font-size: 20px;font-weight: bold;line-height: 70px;color: #333333;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;background: #fff;}
.research8 .content a:hover .text {color: #044eb5;}
.research8 .swiper .prev,
.research8 .swiper .next {position: absolute;left: 0;top: 0;bottom: 0;height: 50px;width: 50px;margin: auto;outline: none;}
.research8 .swiper .prev img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.research8 .swiper .next {left: auto;right: 0;}
.research8 .swiper-pagination  {text-align: center;position: relative;margin-top: 60px;}
.research8 .swiper-pagination-bullet {width: 60px;height: 3px; border-radius:0;}
.research8 .swiper-pagination-bullet-active {background: #044eb5;}
.research8 .img_h {position: relative;cursor: pointer;}
.research8 .img_h img {display: block;opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.research8 .img_h img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.research8 .img_h..research8 img_ha:hover img {opacity: 1;}
.research8 .img_h..research8 img_ha:hover img:nth-child(2) {opacity: 0;}
.research8 .a:hover .img_h.img_ha img,.research8 a:hover .img_h.img_ha img,.research8 .img_h:hover img {opacity: 0;}
.research8 .a:hover .img_h.img_ha img:nth-child(2),.research8 a:hover .img_h.img_ha img:nth-child(2),.research8 .img_h:hover img:nth-child(2) {opacity: 1;}

/* culture */
.culture1{padding:150px 0 150px;background:#f3f3f3;}
.culture1 .tit,.culture2 .tit {text-align: center;}
.culture1 .tit h4,.culture2 .tit h4 {font-size: 50px;font-weight: bold;line-height: 36px;color: #333333;}
.culture1 .content {display: flex;align-items: flex-start;justify-content: center;margin: 80px auto 0;padding: 0 90px;}
.culture1 .content .item {flex: 1;text-align: center;position: relative;height: 350px;background-color: rgba(255, 255, 255, 0.9);box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.04);margin-right: 20px;padding: 60px 1% 0;
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.culture1 .content .item:hover {box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);}
.culture1 .content .item:last-child {margin-right: 0;}
.culture1 .content .item .img {width: 68px;margin: 0 auto;}
.culture1 .content .item h4 {font-size: 28px;font-weight: bold;line-height: 36px;letter-spacing: 1px;color: #333333;margin-top: 28px;}
.culture1 .content .item h6 {font-size: 20px;line-height: 38px;height: 68px;letter-spacing: 1px;color: #666666;margin-top: 20px;}

.culture2 {padding: 120px 0;}
.culture2 .swiper {margin-top: 60px;padding: 0 90px;position: relative;}
.culture2 .swiper img{ width:100%;}
.culture2 .swiper .prev,
.culture2 .swiper .next {position: absolute;left: 0;top: 0;bottom: 0;height: 50px;width: 50px;margin: auto;outline: none;}
.culture2 .swiper .prev img {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.culture2 .swiper .next {left: auto;right: 0;}
.culture2 .swiper-pagination  {text-align: center;position: relative;margin-top: 60px;}
.culture2 .swiper-pagination-bullet {width: 60px;height: 3px; border-radius:0;}
.culture2 .swiper-pagination-bullet-active {background: #044eb5;}
.culture2 .img_h {position: relative;cursor: pointer;}
.culture2 .img_h img {display: block;opacity: 1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.culture2 .img_h img:nth-child(2) {position: absolute;left: 0;top: 0;opacity: 0;}
.culture2 .img_h..culture2 img_ha:hover img {opacity: 1;}
.culture2 .img_h..culture2 img_ha:hover img:nth-child(2) {opacity: 0;}
.culture2 .a:hover .img_h.img_ha img,.culture2 a:hover .img_h.img_ha img,.culture2 .img_h:hover img {opacity: 0;}
.culture2 .a:hover .img_h.img_ha img:nth-child(2),.culture2 a:hover .img_h.img_ha img:nth-child(2),.culture2 .img_h:hover img:nth-child(2) {opacity: 1;}



.c-join1 {padding: 60px 0;background: #f8f8f8;}
.c-join1 .c-top {position: relative;z-index: 1;}
.c-join1 .c-top img {position: absolute;top: 50%;left: 50%;z-index: 1;transform: translate(-50%, -50%);max-height: 100%;}
.c-join1 .c-top .c-title { font-size:36px;position: relative;z-index: 5;padding:20px 0;line-height: 1.2;font-weight: bold;text-align: center;}
.c-join1 .c-list {display: flex;flex-wrap: wrap;margin: 60px 0 0;}
.c-join1 .c-list li {display: flex;width: 49%; margin:0 2% 30px 0;border-radius: 10px;box-sizing: border-box;}
.c-join1 .c-list li:nth-child(2n) { margin-right:0;}
.c-join1 .c-list li .c-wrap {width: 100%;background:rgba(255,255,255,0.7);padding:40px 20px;}
.c-join1 .c-list li .c-wrap .c-title { font-size:34px;font-weight: bold;line-height: 1.2;}
.c-join1 .c-list li .c-wrap .c-text {margin:20px 0 60px;color: #666;font-size: 26px; letter-spacing:8px;}
.c-join1 .c-list li .c-wrap img {height: 64px;}

@keyframes join2 {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-join2 {padding:60px 0;} 
.c-join2 .c-main {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.c-join2 .c-main .c-left {width: 50.143%;}
.c-join2 .c-main .c-right {width: 49.857%;}
.c-join2 .c-join2-banner1 {position: relative;padding: 40px;width:540px;height:540px;border-radius: 50%;}
.c-join2 .c-join2-banner1::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #d4eafe;}
.c-join2 .c-join2-banner1::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px dashed #148FFA;border-right: 1px dashed transparent;
  border-left: 1px dashed transparent;animation: join2 3s linear infinite;}
.c-join2 .c-join2-banner1 .c-list {position: relative;width: 100%;height: 100%;border-radius: 50%;}
.c-join2 .c-join2-banner1 .c-list li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;opacity: 0;transition: all 0.5s;}
.c-join2 .c-join2-banner1 .c-list li img {width: 100%;height: 100%;object-fit: cover;}
.c-join2 .c-join2-banner1 .c-list li.on {opacity: 1;}
.c-join2 .c-join2-banner1 .c-list2 {position: absolute;top: 0;left: 0;z-index: 5;width: 100%;height: 100%;}
.c-join2 .c-join2-banner1 .c-list2 li {position: absolute;top: 50%;left: 50%;width: 60px;height: 60px;transform-origin: left top;font-weight: lighter;cursor: pointer;transition: all 0.3s;}
.c-join2 .c-join2-banner1 .c-list2 li img {width: 100%;height: 100%;border-radius: 50%;object-fit: cover;border: 3px solid transparent;transition: all 0.3s;}
.c-join2 .c-join2-banner1 .c-list2 li .c-text {position: absolute;top: 50%;left: 100%;padding: 0 10px;width: 90px;transform: translateY(-50%);font-weight: bold;}
.c-join2 .c-join2-banner1 .c-list2 li.on {color: #148FFA;}
.c-join2 .c-join2-banner1 .c-list2 li.on img {border-color: #148FFA;}
.c-join2 .c-join2-banner2 .c-title { font-size:30px;position: relative;font-weight: bold;}
.c-join2 .c-join2-banner2 .c-text {margin:30px 0 60px;color: #666;line-height:30px;}
.c-join2 .c-join2-banner2 .c-text2 {color: #666;}
.c-join2 .c-join2-banner2 .swiper-slide {background: url(join2-bg.png) no-repeat right top / 48px auto;}



.c-join3 {padding:60px 0 90px;}
.c-join3 .container {max-width: 1400px;}
.c-join3 .c-join3-swiper {border-radius: 10px;overflow: hidden;}
.c-join3 .c-join3-swiper .swiper-slide {vertical-align: top;width: 100%;}
.c-join3 .c-join3-swiper .swiper-slide .c-title {position: absolute;bottom: 0;left: 0;z-index: 5;width: 100%;padding: 0 30px;height: 100px;display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.3);
  color: #fff;font-weight: bold;}
.c-join3 .c-join3-swiper .swiper-slide .c-mask {width: 100%;height:700px;cursor: pointer;}
.c-join3 .c-join3-swiper .swiper-slide .c-mask img{width: 100%;height: 100%;object-fit: cover;}
.c-join3 .c-join3-swiper .swiper-slide.on .c-mask {opacity: 0;z-index: -1;}
.c-join3 .c-join3-swiper .swiper-pagination {display: flex;align-items: center;justify-content: flex-end;padding-right: 30px;height: 10px;bottom: 45px;}
.c-join3 .c-join3-swiper .swiper-pagination .swiper-pagination-bullet {margin: 0 5px;position: relative;z-index: 5;opacity: 0.88;background-color: #fff;transition: all 0.3s;}
.c-join3 .c-join3-swiper .swiper-pagination .swiper-pagination-bullet::before {content: "";position: absolute;top: 50%;left: 50%;z-index: -1;width: 200%;height: 200%;background-color: #148FFA;
  transform: translate(-50%, -50%);box-sizing: border-box;border-radius: 50%;opacity: 0;transition: all 0.3s;}
.c-join3 .c-join3-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity: 1;background-color: #148FFA;}
.c-join3 .c-join3-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {opacity: 0.5;}




.honour1 {background-color: #f7f8fa;padding-top: 100px;}
.honour1 .container {display: flex;align-items: center;justify-content: center;}
.honour1 .container .left {width: 52.5%;position: relative;padding-top: 15%;}
.honour1 .container .left .img {position: absolute;z-index: 3;width: 31.55%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.honour1 .container .left .img1 {left: 61%;top: 24.3%;}
.honour1 .container .left .img2 {left: 27.4%;top: 38.6%;}
.honour1 .container .left .img3 {left: 73.7%;top: 60%;}
.honour1 .container .right {width: 47.5%;padding: 0 4% 0 8%;}
.honour1 .container .right .nums {display: flex;flex-wrap: wrap;}
.honour1 .container .right .nums .item {width: 33.3%;margin-top: 60px;}
.honour1 .container .right .nums h4 {font-size: 24px;line-height: 30px;color: #333333;}
.honour1 .container .right .nums h4 span {font-size: 60px;font-weight: bold;color: #c7000b;background-image: linear-gradient(to top, #df282e, #ff9987);-webkit-background-clip: text;color: transparent;}
.honour1 .container .right .nums h6 {font-size: 16px;line-height: 30px;color: #666666;word-break: keep-all;white-space: nowrap;}
.honour1 .container .right h3 {font-size: 18px;line-height: 34px;letter-spacing: 1px;color: #333333;text-align: justify;}
.honour1 .container .right h5 {font-size: 16px;line-height: 22px;letter-spacing: 1px;color: #999999;margin-top: 60px;}



/* news */
.news {background-color: #f7f8fa;}
.news2 {padding: 80px 0 120px;}
.news2 .container {display: flex;flex-wrap: wrap;}
.news2 .container p {font-size: 16px;line-height: 24px;letter-spacing: 1px;color: #333333;margin-bottom: 50px;width: 100%;}
.news2 .container p span {font-family: Arial;font-size: 20px;font-weight: bold;color: #c7000b;margin: 0 6px;}
.news2 .container .item {width: 33.33%;background: #fff;border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;padding: 2.5%;position: relative;}
.news2 .container .item:nth-child(3n + 1) {border-right: 1px solid #e5e5e5;}
.news2 .container .item:nth-child(n + 5) {border-bottom: 1px solid #e5e5e5;}
.news2 .container .item .img {border: solid 1px #e5e5e5;overflow: hidden;}
.news2 .container .item .img img { width:100%;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.news2 .container .item:hover .img img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news2 .container .item h4 {font-size: 24px;font-weight: bold;line-height: 36px;height: 72px;color: #333333;margin-top: 40px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;
	-o-transition: all .3s ease;transition: all .3s ease;}
.news2 .container .item:hover h4 {color: #0057a3;}
.news2 .container .item h6 {font-size: 16px;line-height: 30px;color: #999999;margin-top: 20px;display: flex;align-items: center;}
.news2 .container .item::before {content: '';width: 0;height: 2px;background-color: #0057a3;position: absolute;left: 0;top: -1px;-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.news2 .container .item:hover::before {width: 100%;}
.news2 .container .item h6 img {margin-right: 10px;}
.news2 .pagination {margin-top: 60px;}




.news_detail { padding-bottom:90px;}
.news_detail .con {max-width: 1200px; margin: 0 auto;}
.news_detail .con .top {padding-top: 80px;}
.news_detail .con .top h1 {font-size: 30px;font-weight: bold;letter-spacing: 2px;text-align: center;color: #333333;}
.news_detail .con .top h6 {display: flex;align-items: center;justify-content: center;margin-top: 20px;}
.news_detail .con .top h6 span {margin: 0 18px;font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #999999;display: flex;align-items: center;}
.news_detail .con .top h6 span img {margin-right: 8px;}
.news_detail .con .txt {border-top: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;margin: 40px 0;padding: 40px 0;}
.news_detail .con .mid p {font-size: 16px;line-height: 30px;letter-spacing: 1px;color: #333333;}

.news_detail .con .bottom {display: flex;align-items: center;}
.news_detail .con .bottom .left {flex: 1;min-width: 0;padding-right: 40px;}
.news_detail .con .bottom .left p {font-size: 16px;line-height: 30px;letter-spacing: 1px;}
.news_detail .con .bottom .left p a {color: #666666;}
.news_detail .con .bottom .left p a:hover {color: #c7000b;}
.news_detail .con .bottom .right {width: 140px;height: 42px;line-height: 42px;background-color: #0071bc;border-radius: 21px;font-size: 16px;color: #ffffff;display: flex;align-items: center;justify-content: center;}
.news_detail .con .bottom .right img {margin-right: 10px;}




.n_hezuo {padding: 85px 0 100px}
@keyframes round1 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
@keyframes round2 {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes round3 {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes round4 {
  0% {
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes round5 {
  0% {
    transform: translate3d(0, 0, 0) scale(0.99);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(0.99);
  }
}
@keyframes round55 {
  0% {
    transform: translate3d(0, 0, 0) scale(1.15);
  }
  50% {
    transform: translate3d(0, 0, 0) scale(1.15);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1.15);
  }
}


.hezuo01 {background: url(iem-data-bg.png) no-repeat top center / 100% auto; margin-bottom:60px;}
.hezuo01 .hezuo01-banner1 {padding: 10.416vw 26.333vw 6vw;}
.hezuo01 .hezuo01-banner1 .swiper-slide {perspective: 26vw;}
.hezuo01 .hezuo01-banner1 .swiper-slide.swiper-slide-active {opacity: 1;}
.hezuo01 .hezuo01-banner1 .swiper-slide.swiper-slide-active .public-img img {opacity: 1;}
.hezuo01 .hezuo01-banner1 .public-img::before {padding-top: 53.239%;}
.hezuo01 .hezuo01-banner1 .public-img img {opacity: 0.2;transition: all 0.5s;}
.hezuo01 .c-main {position: relative;z-index: 10;}
.hezuo01 .hezuo01-banner2 .swiper-slide {padding: 0 20px;text-align: center;}
.hezuo01 .hezuo01-banner2 .swiper-slide .c-title { font-size:36px;margin-bottom: 20px;font-weight: bold;}
.hezuo01 .hezuo01-banner2 .swiper-slide .c-text { font-size:18px;color: #666;}
.hezuo01 .hezuo01-banner2 .swiper-pagination {bottom: 60px;}
.hezuo01 .hezuo01-banner2 .swiper-pagination-bullet {margin: 0 10px;position: relative;opacity: 1;background-color: #e9e9e9;}
.hezuo01 .hezuo01-banner2 .swiper-pagination-bullet::before {content: "";position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;border-radius: 50%;background-color: #e7f3fe;transition: all 0.3s;}
.hezuo01 .hezuo01-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #148FFA;}
.hezuo01 .hezuo01-banner2 .swiper-pagination-bullet.swiper-pagination-bullet-active::before {transform: scale(2);}
.hezuo01 .hezuo01-banner2 .swiper-button-prev,
.hezuo01 .hezuo01-banner2 .swiper-button-next {position: absolute;top: 50%;width:60px;height:60px;border-radius: 50%;margin-top: -30px;background: transparent;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-jt,.hezuo01 .hezuo01-banner2 .swiper-button-next .c-jt {position: absolute;top: 0;left: 50%;width: 14px;height: 100%;transform: translateX(-50%);}
.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-jt path,.hezuo01 .hezuo01-banner2 .swiper-button-next .c-jt path {fill: #666;transition: all 0.3s;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-yh,.hezuo01 .hezuo01-banner2 .swiper-button-next .c-yh {display: block;width: 100%;height: 100%;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-yh .circle1,.hezuo01 .hezuo01-banner2 .swiper-button-next .c-yh .circle1 {fill: transparent;stroke-width: 2;stroke: #ebf0f5;transition: all 0.3s;fill: #fff;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-yh .circle2,
.hezuo01 .hezuo01-banner2 .swiper-button-next .c-yh .circle2 {
  opacity: 0;fill: transparent;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 162 162;stroke-dashoffset: 162;stroke: #148FFA;transition: stroke-dashoffset 0s linear, opacity 0s linear;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev.on .c-yh .circle2,
.hezuo01 .hezuo01-banner2 .swiper-button-next.on .c-yh .circle2 {opacity: 1;stroke-dashoffset: 0;-webkit-transition: stroke-dashoffset 4s linear, opacity 0s linear;
	transition: stroke-dashoffset 4s linear, opacity 0s linear;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev:hover .c-jt path,.hezuo01 .hezuo01-banner2 .swiper-button-next:hover .c-jt path {fill: #fff;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev:hover .circle1,.hezuo01 .hezuo01-banner2 .swiper-button-next:hover .circle1 {stroke: #148FFA;fill: #148FFA;}
.hezuo01 .hezuo01-banner2 .swiper-button-prev {left: 0;}.hezuo01 .hezuo01-banner2 .swiper-button-prev .c-jt {transform: translateX(-50%) rotate(180deg);}
.hezuo01 .hezuo01-banner2 .swiper-button-next {right: 0;}.hezuo01 .hezuo01-banner2 .swiper-button-next .c-jt path {fill: #148FFA;}



.hezuo02 {position: relative;padding:120px 0;overflow: hidden;}
.hezuo02::before,.hezuo02::after {content: "";position: absolute;z-index: 5;}
.hezuo02::before {top: 0;left: 0;width: 100%;height: 3.5rem;background: -webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0));background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));}
.hezuo02::after {bottom: 0;left: 0;width: 100%;height: 2rem;background: -webkit-linear-gradient(bottom, #ffffff, rgba(255, 255, 255, 0));background: linear-gradient(to top, #ffffff, rgba(255, 255, 255, 0));}
.hezuo02 .public-title {position: relative;z-index: 10; text-align:center; font-size:24px;}
.hezuo02 .c-main {position: relative;z-index: 1;}
.hezuo02 .c-main .c-box1 {position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;}
.hezuo02 .c-main .c-box1 .c-round {position: absolute;top: 50%;left: 50%;width: 100%;border-radius: 50%;transform: translate(-50%, -50%) scale(0);opacity: 0;background-color: #eff4ff;
  box-shadow: inset 2.9px 0.7px 1px 0px rgba(220, 229, 247, 0.05);border: solid 2px #e7eefc;}
.hezuo02 .c-main .c-box1 .c-round::before {content: "";display: block;padding-top: 100%;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(1) {animation: round3 6s infinite;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(2) {animation: round3 6s 1s infinite;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(3) {animation: round3 6s 2s infinite;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(4) {animation: round3 6s 3s infinite;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(5) {animation: round3 6s 4s infinite;}
.hezuo02 .c-main .c-box1 .c-round:nth-child(6) {animation: round3 6s 5s infinite;}
.hezuo02 .c-main .c-box1 img {position:absolute;top:50%;left:50%;z-index: 7;width: 18.75%;transform: translate(-50%, -50%) scale(0);border-radius: 50%;box-shadow: 1.9px 0.5px 24px 0px rgba(191, 211, 255, 0.66);}
.hezuo02 .c-main .c-box2 {position: relative;z-index: 30;}
.hezuo02 .c-main .c-box2 .c-pc,.hezuo02 .c-main .c-box2 .c-mb {position: relative;}
.hezuo02 .c-main .c-box2 .c-pc img,.hezuo02 .c-main .c-box2 .c-mb img {opacity: 0;width: 100%;transform: scale(0.99);}
.hezuo02 .c-main .c-box2 .c-pc img:nth-child(2),.hezuo02 .c-main .c-box2 .c-mb img:nth-child(2) {position: absolute;top: 0;left: 0;}
.hezuo02 .c-main .c-box2 .c-mb {display: none;}
.hezuo02.on .c-main .c-box1 img {animation: round4 1s forwards;}
.hezuo02.on .c-main .c-box2 .c-pc img,.hezuo02.on .c-main .c-box2 .c-mb img {opacity: 1;transition: all 0.5s 0.5s;animation: round5 3s linear infinite;}
.hezuo02.on .c-main .c-box2 .c-pc img:nth-child(2),.hezuo02.on .c-main .c-box2 .c-mb img:nth-child(2) {opacity: 1;transition: all 0.5s 1s;animation: round5 3s 1.5s linear infinite;}

 
.hezuo03 {background: url(xkbg.png)no-repeat;background-size: cover;width: 100%;height: 750px;position: relative;overflow: hidden;}
.hezuo03 .div-container {width: 100%;}
.hezuo03 .text {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 11;text-align: center;color: #fff;}
.hezuo03 .text .title-1 {font-size: 1.5rem;font-weight: bold;line-height: 2.875rem;}
.hezuo03 .text .text-1 {font-size: 2.5rem;line-height: 2.875rem;margin: 1rem 0;}
.hezuo03 .logo-item {position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 3;}
.hezuo03 .logo-item li.xy1 {right: 47%;top: 13%;margin-right: -410px;}
.hezuo03 .logo-item li.xy1 i {width: 105px;height: 105px;animation-delay: 14s;}
.hezuo03 .logo-item li.xy2 {left: 54%;top: 32%;margin-left: -300px;}
.hezuo03 .logo-item li.xy2 i {width: 120px;height: 120px;animation-delay: 8s;}
.hezuo03 .logo-item li.xy3 {right: 46%;top: 40%;margin-right: -720px;}
.hezuo03 .logo-item li.xy3 i {width: 120px;height: 120px;animation-delay: 12s;}
.hezuo03 .logo-item li.xy4 {left: 51%;top: 47%;margin-left: -420px;}
.hezuo03 .logo-item li.xy4 i {width: 100px;height: 100px;animation-delay: 10s;}
.hezuo03 .logo-item li.xy5 {right: 48%;top: 63%;margin-right: -510px;}
.hezuo03 .logo-item li.xy5 i {width: 118px;height: 118px;animation-delay: 6s;}
.hezuo03 .logo-item li.xy6 {right: 52%;top: 45%;margin-right: -450px;}
.hezuo03 .logo-item li.xy6 i {width: 120px;height: 120px;animation-delay: 4s;}
.hezuo03 .logo-item li.xy7 {left: 77%;top: 71%;margin-left: -450px;}
.hezuo03 .logo-item li.xy7 i {width: 140px;height: 140px;animation-delay: 16s;}
.hezuo03 .logo-item li.xy8 {left: 50%;top: 15%;margin-left: -510px;}
.hezuo03 .logo-item li.xy8 i {width: 120px;height: 120px;animation-delay: 2s;}
.hezuo03 .logo-item li.xy9 {left: 48%;top: 40%;margin-left: -780px;}
.hezuo03 .logo-item li.xy9 i {width: 123px;height: 123px;animation-delay: 6s;}
.hezuo03 .logo-item li.xy10 {left: 54%;top: 70%;margin-left: -600px;}
.hezuo03 .logo-item li.xy10 i {width: 122px;height: 122px;animation-delay: 10s;}
.hezuo03 .logo-item li.xy11 {right: 52%;top: 35%;margin-right: -250px;}
.hezuo03 .logo-item li.xy11 i {animation-delay: 4s;}
.hezuo03 .logo-item li.xy12 {right: 67%;top: 14%;margin-right: -380px;}
.hezuo03 .logo-item li.xy12 i {width: 95px;height: 95px;animation-delay: 14s;}
.hezuo03 .logo-item li {list-style: none;margin: 0;padding: 0;position: absolute;z-index: 1;}
.hezuo03 .logo-item li i {position: relative;display: block;width: 80px;height: 80px;border-radius: 100%;overflow: hidden;background: #fff;animation: star 16s infinite;-webkit-animation: star 16s infinite;}
.hezuo03 .logo-item li img {max-width: 80%;max-height: 80%;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height: 100%;}
@keyframes star {
  20% {
    opacity: 0;
    transform: scale(.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes star /*Safari and Chrome*/ {
  20% {
    opacity: 0;
    transform: scale(.8);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fudong1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fudong2 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fudong3 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(2%);
  }
  100% {
    transform: translateY(0);
  }
}
.hezuo03 .div-container > img {position: absolute;right: 15%;bottom: 0;z-index: 15;}




.clear{ clear:both;}

/*联系我们*/
.n_contact{  padding:90px 0 80px; position: relative;}
.n_contact:before{  content: ""; position:absolute; left:0; top:0; width:100%; height:50%; z-index:-1;}
.n_contact .contact_box{display:flex;align-items:stretch}
.n_contact .contact_box .map{flex:1; width:60%;}
.n_contact .contact_box .content{width:40%;}
.n_contact .contact_box .content{background:url(mapbg.png) no-repeat center center;background-size:cover;color:#fff;padding:60px 30px}
.n_contact .contact_box .content dt{font-size:30px;margin-bottom:30px}
.n_contact .contact_box .content .ic1{background:url(lx01.png) no-repeat center center}
.n_contact .contact_box .content .ic2{background:url(lx02.png) no-repeat center center}
.n_contact .contact_box .content .ic3{background:url(lx03.png) no-repeat center center}
.n_contact .contact_box .content .ic4{background:url(lx04.png) no-repeat center center}
.n_contact .contact_box .content .ic5{background:url(lx05.png) no-repeat center center}
.n_contact .contact_box .content .ic6{background:url(lx06.png) no-repeat center center}
.n_contact .contact_box .content .ic7{background:url(lx07.png) no-repeat center center}
.n_contact .contact_box .content .icon{width:18px;height:25px;background-size:contain;position:absolute;left:0;top:0}
.n_contact .contact_box .content dd{margin-bottom:20px;font-size:14px;position:relative;padding-left:40px;line-height:30px}
.n_contact .contact_box .content dd .val{font-size:16px}
.n_contact .form_box{ margin-top:60px;}
.n_contact .form_box h2{ font-size:36px; margin-bottom:30px;}
.n_contact .form_box ul{ width:100%; position:relative;}
.n_contact .form_box ul li{ width:32%; float:left; margin-bottom:30px; margin-right:1.3333%;}
.n_contact .form_box ul li.li2{ width:33.3333%; margin-right:0;}
.n_contact .form_box ul li.last{ width:100%;}
.n_contact .form_box input,.form_box textarea{background:#f8f8f8;border:0;margin-bottom:0;font-size:16px; width:100%;}
.n_contact .form_box input{background:#f8f8f8;height:50px;padding-left:20px}
.n_contact .form_box textarea{padding:20px;height:150px}
.n_contact .form_box .submit{width:178px;height:60px;line-height:60px;text-align:center;border-radius:2em;background-color:#0057a3;color:#fff;margin:0 auto;font-size:16px;cursor:pointer;user-select:none}
.n_contact .form_box .submit:hover{opacity:.8}


.n_contact .join-up{width: 100%;margin:60px auto;position: relative;}
.n_contact .join-up h2{ font-size:36px; margin-bottom:30px;}
.n_contact .join-us-list{width: 100%;margin: auto;max-width: 1500px;text-align: left;margin-top: 50px;background: #ffffff;border-radius: 4px;overflow: hidden;}
.n_contact .join-us-list table{width: 100%;font-size: 16px;font-weight: 400;}
.n_contact .join-us-list table tr.line{cursor: pointer;transition: all 0.3s;}
.n_contact .join-us-list table tr:hover{background: #f7f7f7;}
.n_contact .join-us-list table tr:hover  td.li5 span{background-color: #0071bc;}
.n_contact .join-us-list table th{background: #d9dbde;height: 70px;line-height: 70px;}
.n_contact .join-us-list table td{height: auto;line-height: 70px;}
.n_contact .join-us-list table td{margin-left: 40px;border-bottom: 1px solid #e6e6e6;color: #333;}
.n_contact .join-us-list table tr.zhankai td{border: 0;height: 0;padding: 0;}
.n_contact .join-us-list table tr.zhankai td>div{border-bottom: 1px solid #e6e6e6;background: #fafafa;font-size: 16px;padding-left:54px;padding-top: 1px;padding-bottom: 40px;}
.n_contact .join-us-list .zhankai h5{font-size: 16px;color: #333;border-left: 2px solid #cc0000;height: 15px;line-height: 15px;margin-top: 43px;padding-left: 10px;}
.n_contact .join-us-list .zhankai span{display: block;padding-left: 16px;margin-top: 18px;padding-top: 0px;line-height: 32px;color: #757575;font-size: 14px;letter-spacing: 1px;;;;}
.n_contact .join-us-list .zhankai span label{color: #cc0000;display: block;margin-top: -3px;}
.n_contact .join-us-list table td.li5{text-align: center;}
.n_contact .join-us-list table td.li1,.n_contact .join-us-list table th.li1{text-indent: 40px;}
.n_contact .join-us-list table th.li5{text-align: center;}
.n_contact .join-us-list table td.li5 span{display:inline-block;width:26px;height:26px;border-radius:26px;background:url(map-icon2.png) no-repeat center;background-color: #cccccc;transition: all 0.3s;margin-bottom: -6px;}
.n_contact .join-us-list table td.li5 span.open{background-image: url(map-icon2s.png);}